{extend name="common/layout" /}
{block name="main"}

<div class="container content-wrap">

    <!--介绍-->
    <div class="row introduceData">
        {volist name="introduceData" id="vo"}
        <div class="col-md-4">
            <div class="column_figure">
                <img src="{$vo['img']}" alt="{$vo['img']}"/>
            </div>
            <div class="column_content">
                <div class="column_title text-center">
                    {$vo['title']}
                </div>
                <div class="column_con">
                    {$vo['content']}
                </div>
                <div class="column_btn text-center">
                    <a href="{$vo['link']}">MORE</a>
                </div>
            </div>
        </div>
        {/volist}
    </div>

    <!--推荐商品-->
    <div class="row recommendGoods" >
        {volist name="recommendGoods" id="vo"}
        <div class="col-xs-6 col-md-3">
            <div class="thumbnail">
                <a href="{:url('@index/shopping/item', 'id='.$vo.id)}">
                    <img data-original="{$vo.pict_url}" class="lazy" alt="{$vo.title}">
                </a>
            </div>
        </div>
        {/volist}
    </div>

    <!--推荐产品1-->
    <div class="row index_section_hd mb10 text-center">
        <h3>产品中心</h3>
    </div>
    <div class="row recommendGoodsList">
        {volist name="recommendGoodsList" id="vo"}
        <div class="col-md-3">
            <div class="thumbnail">
                <a href="{:url('@index/shopping/item', 'id='.$vo.id)}">
                    <img data-original="{$vo.pict_url}" class="lazy" alt="{$vo.title}">
                    <div class="caption">
                        <span>{$vo.title}</span>
                    </div>
                </a>
            </div>
        </div>
        {/volist}
    </div>

    <!--推荐文章-->
    <div class="row index_section_hd mb10 text-center">
        <h3>最新资讯</h3>
    </div>
    <div class="row mb10">
        <!--焦点文章-->
        <sidebar class="col-md-5">
            <div id="news_sidebar" class="news_sidebar_box">
                <div class="bd">
                    <ul>
                        {volist name="recommendData" id="vo"}
                        <li>
                            <a href="{:url('@index/item/index', 'id='.$vo.id)}">
                                <img src="{$vo.img}" class="lazy" alt="{$vo.subject}">
                                <span class="title">
                                    {$vo.subject}
                                </span>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                </div>
                <span class="prev"></span>
                <span class="next"></span>
            </div>
        </sidebar>

        <!--文章列表-->
        <main class="col-md-7 first-page-list main-content">
            {volist name="articleData" id="vo"}
            <div class="media">
                <div class="media-left media-middle">
                    <a href="{:url('@index/item/index', 'id='.$vo.id)}">
                        <img class="media-object lazy" data-original="{$vo.img}" alt="{$vo.subject}">
                    </a>
                </div>
                <div class="media-body">
                    <a href="{:url('@index/item/index', 'id='.$vo.id)}">
                        <h4 class="media-heading">{$vo.subject}</h4>
                    </a>
                    <p>{$vo.seo_desc}</p>
                </div>
            </div>
            {/volist}

        </main>
    </div>

</div>
{/block}
{block name="js"}
<script src="__PUBLIC__/others/TouchSlide.1.1.js?v={$Think.config.VERSION}"></script>
<script type="text/javascript">
    $(document).ready(function () {
        TouchSlide({
            slideCell: "#news_sidebar",
            mainCell: ".bd ul",
            effect: "leftLoop",
            autoPlay: true//自动播放
        });
    });
</script>
{/block}